<!DOCTYPE html>
<html>
  <head>
  <style>
    body {
      margin:0px;
    }
    ul {
      list-style-type:none;
      margin:0;
      padding:0;
    }
    a:link,a:visited {
      display:block;
      font-weight:bold;
      color:#FFFFFF;
      background-color:#98bf21;
      width:120px;
      text-align:center;
      padding:10px;
      text-decoration:none;
      text-transform:uppercase;
    }
    a:hover,a:active {
      background-color:#7A991A;
    }
    li.dividerH {
      border-bottom-style:solid;
      border-bottom-color:#fff;
      border-bottom-width:1px;
    }
      </style>
  </head>

    <body>
        <ul>
            <li class="dividerH"><a href="#home">Home</a></li>
            <li class="dividerH"><a href="#news">News</a></li>
            <li class="dividerH"><a href="#contact">Contact</a></li>
            <li><a href="#about">About</a></li>
        </ul>
    </body>
</html>	